.resumeBox{
	background:#f0f1f5;
	padding-bottom:4.8rem;
}
.resumeclear{
	height:4.2rem;
	/*background: #e5192d;*/
	text-align: right;
	position:absolute;
	top:0;
	right:0;
}
.resumeclear .resumespan{
	font-size:1.5rem;
	display: inline-block;
	line-height:4.2rem;
	color:#fff;
	padding: 0 1.5rem 0 4rem;
}
/**底部导航*/
.nav{
	background:#f0f1f5;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
  border-top: 1px solid #e8e8ea;

}
.nav .nav_ul {
    overflow:hidden;
    -webkit-display:flex;
    display: flex;
    -webkit-justify-content: space-around; 
    justify-content: space-around;
}
.nav .nav_ul li{
	width:5.8rem;
	height:4.8rem;
}
.nav .nav_ul li a{
	display: block;
	font-size:1.2rem;
	text-align:center;
	color:#757575;
}
.nav .nav_ul li a div{
	 margin-top:-0.4rem;
	
}
.nav .nav_ul li a p{
	padding-top:0.7rem;
}
.nav .nav_ul li a i{
	display: inline-block;
	width:2rem;
	height:2rem;
	background-size:2rem 2rem;
  background-position: center;
  background-repeat: no-repeat;
    position: relative;

}
li.po i{
	background-image:url(../images/poone.png) ;
	
}
li.in i{
	background-image:url(../images/infone.png);
}
li.re i{
   background-image:url(../images/retwo.png)
}
li.me i{
   background-image:url(../images/meone.png);
}

li span.dot{
	position:absolute;
	right:-0.2rem;
	top:-0.2rem;
	display: inline-block;
	width:0.5rem;
	height:0.5rem;
	background:#f5391e;
	border-radius: 50%;
}
.sep{
	color:#f5391e;
}

.headbox{
	padding-bottom:4.9rem;
}
.head{
	position:relative;
	height:20rem;
	background: #f0f1f5 url(../images/mybg.png) no-repeat left top;
	background-size:100% 17rem;
}
.head .bg{
	width:100%;
	text-align: center;
	padding-top:3rem;
   
}
.head .headbg{
	margin:0 auto;
	border-radius: 50%;
	width:7rem;
	height:7rem;
	/*background:rgb(255,134,134);*/
	/*position: relative;*/
	overflow:hidden;
	
}
.head .bg .myhead{
    width:6.5rem;
    /*height:6.5rem;*/
    border-radius: 50%;
    /*top:50%;
    left:50%;
    transform: translate(-50%,-50%);*/
    border:0.3rem solid rgb(255,134,134);
    transform:none;
}
.head .myname{
	text-align: center;
	color:#fff;
	font-size:1.5rem;
	line-height: 3rem;
    margin-top:1.8rem;
}
.head .myname .upload{
	display: inline-block;
	position: relative;
	width:10rem;
	height:3rem;
	line-height: 3rem;
}
.head .myname .upload #myfile{
	position:absolute;
	left:0;
	top:0;
	opacity: 0;
	z-index:100;
	width:10rem;
	height:3rem;
}
.rate{
	padding:1rem  1.2rem 0 1.2rem;
	margin-top:1.2rem;
}
.rate span{
   display:inline-block;
   height:3rem;
   font-size:1.4rem;
   color:#767676;
   line-height: 3rem;
   vertical-align: middle
}

.rate .quote{
	background:url(../images/quote.png) no-repeat center;
	background-size:1.5rem 1.5rem;
	width:1.5rem;
	height:1.5rem;
	margin-left:1rem;
}

 .resumelist{
 	
 	} 
.resumelist .infolist{
	margin-bottom:1rem;
	background: #fff;
	padding:0 1.2rem;
   font-size:1.4rem;
   line-height: 4.5rem;
   
}
.resumelist .infolist .l{
  float:left;
  color:#2b2b2b;
  height:4.5rem;
}
.resumelist .infolist .r{
  float:right;
   height:4.5rem;
   color:#9c9c9c;
}
.resumelist .infolist .fir{
  overflow:hidden;
  height:4.5rem;
}
.resumelist .infolist .sec{
  overflow:hidden;
  border-top: 1px solid #e8e8ea;
  height:4.5rem;
}
.resumelist .infolist .r select{
	border:none;
	background: #fff;
	font-size:1.4rem;
	 color:#9c9c9c;
	 padding-right:1.5rem;
	 background:url(../images/go.png) no-repeat right center;
	 background-size: 0.8rem 1.2rem;
	 -webkit-appearance: none;
	 width:17rem;
	 text-align: right;
	 font-family:"microsoft yahei";
	 text-overflow: ellipsis;
	 direction: rtl;
}
.resumelist .infolist .r input{
	/*width:17rem;*/
	border:none;
	background: #fff;
	font-size:1.4rem;
	color:#9c9c9c;
	padding-right:1.5rem;
	/*text-align: right;*/
	font-family:"microsoft yahei";
	text-overflow: ellipsis;
	/*direction: rtl;*/
}
.resumelist .infolist .val{
	font-size:1.4rem;
	color:#9c9c9c;
	padding:0 1.5rem 0 3rem;
	font-family:"microsoft yahei";
	max-width:14rem;
	overflow: hidden;
	height:2rem;
	line-height:2rem;
	white-space:nowrap;
	min-width:1rem;
	margin-top:1.25rem;
}
.resumelist .infolist .l .smallword{
   font-size:1.2rem;
   display: inline-block;
   color:#9c9c9c;
}
.resumelist .infolist .r span{
  display: inline-block;
	/*width:17rem;*/
	border:none;
	background: #fff;
	font-size:1.4rem;
	color:#9c9c9c;
	padding-right:1.5rem;
	/*text-align: right;*/
	font-family:"microsoft yahei";
	text-overflow: ellipsis;
	/*direction: rtl;*/
	 background:url(../images/go.png) no-repeat right center;
	 background-size: 0.8rem 1.2rem;
   max-width: 17rem;
}
.resumelist .infolist a{
	display: block;
	background:url(../images/go.png) no-repeat right center;
	background-size: 0.8rem 1.2rem;
	overflow:hidden;
}
.resumelist .smalltip{
	text-align: right;
	font-size:1.2rem;
	line-height:1.2rem;
	box-sizing: border-box;
	padding: 0 1.2rem 2rem 1.2rem;
}
.resumelist .infolist span.noper{
	color:#2b2b2b
}
/*头像*/
.model{
   position:absolute;
   background:rgba(0,0,0,0.4);
   z-index:1000;
   width:100%;
   height:100%;
   top:0;
   left:0;
   padding:0 1rem;
   box-sizing: border-box;
   display: none;
}
/*touxian*/
.close{
	border:none;
	background: #fff;
	font-size:1.8rem;
	right:2.1rem;
	position:absolute;
	top:2.8rem;

}
.btn-danger{
	display: inline-block;
	border-radius: 5px;
	border:none;
	padding:0.4rem 0.6rem;
	font-size:1.4rem;
	margin:0.2rem 1rem 1rem 0;
	vertical-align: middle;
	background: #d9534f;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	color:#fff;
}
.gouload{
	display: inline-block;
	min-width:10rem;
	height:2rem;
	display: inline-block;
	vertical-align: middle
}
.avatar-form{
	/*background: #fff;*/

}
.modal-body{
	padding:1rem 0;
	 /*background:rgba(0,0,0,0.4);*/
}

.modal{
	height:100%;
}
label.gouload{
	font-size:1.4rem;
	margin-top:0.3rem;
	width:4rem;
}

.avatar-body{
	padding-top:1.5rem;
	padding-bottom:1rem;
	height:52rem;
	background: #fff;
}
.avatar-wrapper{
	height:20rem;
	margin-top:0;
}
#imageHead{
  width:15rem;
  height:15rem;
  border-radius: 50%;
  margin-top:0.8rem;
}

.avatar-btns{
  margin-top:0.8rem;
  /*text-align: center;*/
}
.cun{
	text-align: center;
}
.cun button{
      width:100%;
}

